【day6】關於CSS border

2019 iT 邦幫忙鐵人賽

DAY 5

自我挑戰組

2019鐵人賽

1159 瀏覽

border-width 不支持百分比，一般使用上會設置固定的数值。屬性值：
- thin：等於 1px。
- medium（默认值）等於3px
- thick：等於4px。
border-style 的默认值是 none。一般常用的值還有solid和:dashed
- solid實線
- dashed虛線：有色塊的寬高比在 Chrome 和 Firefox 浏览器下是 3:1，而 IE 浏览器则是２:1；有色塊與無色塊的寬度Chrome 和 Firefox是1:1，IE 則是2:1
相關常見應用技巧：
- 使用透明邊寬設置右側background 定位
- 使用透明邊寬增加按鈕点击範圍
- 繪製對話框的三角形
- 實現二欄等高布局（與margin用法類似）